.contentPage {
	min-height: 106vh;
	background-color: #f4f4f4;
}
.indexBgH{
	width: 100%;
	height: 456rpx;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #f4f4f4;
}
.indexBg {
	width: 100%;
	height: 380rpx;
	background-image: linear-gradient(to bottom, #83b8cd, #cee2ea);
	border-radius: 0 0 40% 40%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2;
}

.indexEle {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.calendarEle {
	width: 686rpx;
	margin-top: 20rpx;
	background-color: #ffffff;
	border-radius: 8rpx;
	box-shadow:0px 10px 20px rgba(0, 0, 0, 0.05);
	// margin-bottom: 60rpx;
	margin-left: 32rpx;
	// padding-bottom: 30rpx;
	// overflow: hidden;
}

.linshiPasdEle {
	width: 686rpx;
	// height: 142rpx;
	height: 116rpx;
	padding: 0rpx 30rpx;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 8rpx;
	margin-top: 20rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	margin-left: 32rpx;

	>div:nth-child(1) {
		width: 240rpx;
		height: 80rpx;
		border-right: 2rpx solid rgba(255, 255, 255, 0.4);
		display: flex;
		flex-direction: column;
		justify-content: center;

		>p:nth-child(1) {
			font-weight: 500;
			color: #000000;
			font-size: $uni-font-size-28;
		}

		>p:nth-child(2) {
			font-weight: 500;
			color: #666666;
			font-size: $uni-font-size-20;
		}
	}

	>div:nth-child(2) {
		width: 226rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		// input {
		// 	width: 226rpx;
		// 	font-weight: 600;
		// 	color: #1c345b;
		// 	font-size: 44rpx;
		// 	letter-spacing: 29rpx;
		// 	text-align: center;
		// }
		>div{
			font-weight: 600;
			color: #1c345b;
			font-size: 44rpx;
			margin: 0 14rpx;
		}
		.xinhao{
			font-size: 38rpx !important;
			margin: 0 10rpx;
		}
	}

	>div:nth-child(3) {
		width: 120rpx;
		height: 48rpx;
		background-color: #6da6bd;
		border-radius: 8rpx;
		font-weight: 600;
		color: #ffffff;
		font-size: $uni-font-size-24;
	}
}

.birthdayStudentEle {
	width: 100%;
	background-color: #ffffff;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
	margin-bottom: 30rpx;
	padding: 35rpx;
	box-sizing: border-box;

	>div:nth-child(1) {
		width: 100%;
		display: flex;
		justify-content: space-between;
		>image {
			width: 42rpx;
			height: 42rpx;
			margin-right: 20rpx;
		}

		>div:nth-child(2) {
			width: calc(100% - 45rpx);
			display: flex;
			justify-content: space-between;
			align-items: center;

			>p:nth-child(1) {
				font-weight: 600;
				color: #000000;
				font-size: $uni-font-size-32;
				line-height: 44rpx;
			}

			>div:nth-child(2) {
				font-size: $uni-font-size-28;
				color: #6da6bd;
				display: flex;
				align-items: center;
				image{
					width: 32rpx;
					height: 32rpx;
					margin-left: 10rpx;
					margin-top: 4rpx;
				}
			}
		}
	}

	>div:nth-child(2) {
		display: flex;
		flex-wrap: wrap;
		padding-left: 62rpx;
		box-sizing: border-box;
		
		span {
			color: #666666;
			font-size: $uni-font-size-28;
			line-height: 40px;
			margin-right: 45rpx;
		}
	}
}

.indexListEle {
	width: 100%;
	padding-left: 32rpx;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.05);
	position: relative;
	margin-bottom: 30rpx;

	>image {
		width: 58rpx;
		height: 58rpx;
		position: absolute;
		left: 0;
		top: 0;
	}

	.indexListEleT {
		width: 100%;
		border-bottom: 2rpx solid #f4f4f4;
		display: flex;
		justify-content: space-between;
		padding: 34rpx 32rpx;
		box-sizing: border-box;

		>div:nth-child(1) {
			width: 120rpx;
			p:nth-child(1) {
				width: 100%;
				font-weight: 600;
				color: #000000;
				font-size: $uni-font-size-32;
				margin-bottom: 20rpx;
			}

			p:nth-child(2) {
				color: #000000;
				font-size: $uni-font-size-24;
			}
		}

		>div:nth-child(2) {
			width: 330rpx;

			p {
				width: 330rpx;
				white-space:nowrap;  
				overflow: hidden;
				text-overflow: ellipsis;
				font-weight: 600;
				font-size: $uni-font-size-32;

				span {
					display: inline-block;
					border: 2rpx solid #999999;
					font-size: 20rpx;
					color: #999999;
					padding: 0 4rpx;
					box-sizing: border-box;
					margin-right: 10rpx;
					margin-top: 20rpx;
					font-weight: normal !important;
					border-radius: 4rpx;
				}
			}
			.lan {
				span{
					border: 2rpx solid #3ed5df;
					color: #3ed5df;
				}
			}
			.cheng {
				span{
					border: 2rpx solid #f5d360;
					color: #f5d360;
				}
			}
			
			.zi {
				span{
					border: 2rpx solid #c948fe;
					color: #c948fe;
				}
			}
			.hui {
				span{
					border: 2rpx solid #999999;
					color: #999999;
				}
			}
		}

		>div:nth-child(3),
		>div:nth-child(4) {
			text-align: center;
		}
		>div:nth-child(3),>div:nth-child(4) {
			p:nth-child(1) {
				width: 100%;
				font-weight: 600;
				color: #000000;
				font-size: $uni-font-size-32;
				line-height: 38rpx;
				margin-bottom: 20rpx;
			}
		
			p:nth-child(2) {
				color: #999999;
				font-size: $uni-font-size-24;
				line-height: 28rpx;
			}
		}
		
	}

	.indexListEleB {
		width: 100%;
		padding: 22rpx 32rpx 22rpx 0;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		>div:nth-child(1){
			width: 158rpx;
			font-weight: 500;
			color: #666666;
			font-size: $uni-font-size-24;
		}
		>div:nth-child(2){
			width: calc(100% - 152rpx);
			display: flex;
			align-items: center;
			justify-content: space-between;
			>div {
				font-weight: 500;
				color: #666666;
				font-size: $uni-font-size-24;
				display: flex;
				align-items: center;
			
				>image {
					width: 32rpx;
					height: 32rpx;
					margin-right: 6rpx;
				}
			}
		}
	}
}

.indexListEle:last-child{
	margin: 0;
}

.indexListNo {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-top: 100rpx;
	padding-bottom: 100rpx;

	image {
		width: 160rpx;
	}

	p {
		color: #999999;
		font-size: $uni-font-size-24;
		margin-top: 15rpx;
	}
}